﻿<section class="mainbar" data-ng-controller="projects as vm">
  <section class="matter">
    <div class="container">
      <div class="row">
        <div class="widget wgreen">
          <div data-cc-widget-header title="My Projects ({{vm.projectsOpen.total}})"></div>
          <div class="widget-content user">
            <ul class="today-datas">
              <li class="blightblue span1" data-ng-repeat="project in vm.projectsOpen.data">
                <a class="datas-text pull-right" data-ng-href="#/project/{{project.id}}">
                  <img data-ng-src="{{project.imageUrl}}" class="pull-left img-rounded" />
                  <div class="caption">
                    <h4>{{project.name}}</h4>
                    <p>{{project.description}}</p>
                  </div>
                </a>
              </li>
              <li data-ng-show="vm.projectsOpen.total > 5">
                <a href='@Url.Action("Index", "Project", new { area = "AuthorPortal" })'>See all in PRO view...</a>
              </li>
              <li class="borange span2 pull-right">
                <a class="datas-text pull-right" href="#/newproject/">
                  <i class="icon-5x icon-bitbucket"></i>
                  <div class="caption">
                    <h3>New Project</h3>
                    <p>Click here to add new project</p>
                  </div>
                </a>
              </li>
            </ul>
          </div>
          <div class="clearfix"></div>
          <div data-cc-widget-header title="Published Projects"></div>
          <div class="widget-content user">
            <ul class="today-datas">
              <li class="blightblue span1" data-ng-repeat="project in vm.projectsPublished.data">
                <a class="datas-text pull-right" data-ng-href="#/project/{{project.id}}">
                  <img data-ng-src="{{project.imageUrl}}" class="pull-left" />
                  <div class="caption">
                    <h4>{{project.name}}</h4>
                    <p>{{project.description}}</p>
                  </div>
                </a>
              </li>
              <li data-ng-show="vm.projectsPublished.total > 5">
                <a href='@Url.Action("Index", "Project", new { area = "AuthorPortal" })'>See all in PRO view...</a>
              </li>
            </ul>
          </div>
          <div class="clearfix"></div>
          <div data-cc-widget-header title="Projects' need help"></div>
          <div class="widget-content user">
            <ul class="today-datas">
              <li class="blightblue span2" data-ng-repeat="project in vm.projectsNeedHelp.data">
                <a class="datas-text pull-right" data-ng-href="#/project/{{project.id}}">
                  <img data-ng-src="{{project.imageUrl}}" class="pull-left" />
                  <div class="caption">
                    <h3>{{project.name}}</h3>
                    <p>{{project.description}}</p>
                  </div>
                </a>
              </li>
              <li data-ng-show="vm.projectsNeedHelp.total > 5">
                <a href='@Url.Action("Index", "Project", new { area = "AuthorPortal" })'>See all in PRO view...</a>
              </li>
            </ul>
          </div>
          <div class="widget-foot">
            <div class="clearfix"></div>
          </div>
        </div>
      </div>
    </div>
  </section>
</section>
